@charset "utf-8";
/* CSS Document */
.fl { float: left;}
.fr { float: right;}
.blank{ height:1px; background:#ccc; width:100%;}
/*模块一*/
.middle_title{ border-bottom:#ccc 1px solid;}
.tab_list{ height:50px; line-height:50px; margin-top:30px;}
.full-filters{text-align: left;margin-bottom: 60px; margin:0px; padding:0px;}
.full-filters a{ text-decoration:none; color:#555; display:block;}
.full-filters li{ list-style:none;display: inline-block;margin-left: 10px; line-height:35px; padding:0px 8px; border-radius:4px; background:#e8e8e8;}
.full-filters li.current{background:#E04D47; }
.full-filters li.current a{color:#fff;}

.content_list{ margin-bottom:60px;}
.content_list .items{ margin:0px; padding:0px; list-style:none; margin-left:8px;}
.content_list ul li {width: 270px; height: 200px; float: left;  box-shadow: 4px 4px 15px #DBDBDB;  margin: 20px 20px 0px 0px;  line-height: 25px;  overflow: hidden;  position: relative;}
.content_list ul li:nth-child{4n}{margin: 20px 0px 0px 0px;}
.content_list ul li .l {width: 130px;  height: 200px;  overflow: hidden;}
.content_list ul li .r { width: 140px; height: auto; overflow: hidden;}
.content_list li .l img { width: 130px;  height: 200px;}
.content_list ul li .r h3 { font-size: 16px;  color: #2E2E2D;  margin-bottom: 5px; height: 45px;}
.content_list .wxwb{padding-top: 10px;padding-bottom: 10px;text-align: center;border-top: 1px solid #F4EDE7;}
.content_list .num .pm, .content_list .num .dyl { width: 69px; font-size: 13px;   text-align: center; overflow: hidden;}
.content_list .num .pm {  border-right: 1px solid #F4EDE7;}

/*模块二*/
#about{background:url(../images/large_bg_image.jpg) repeat-y fixed 50% 0px transparent;height: 339px;}
.about{ margin-top:60px; margin-bottom:60px;}
.content-overlay { padding: 0px !important;}
.content-section { position: relative;   z-index: 10;  padding: 100px 0px 90px;}
.parallax-section { background-attachment: fixed !important;  background-size: cover !important;}
.about_in{ position:relative; background: url(../images/about_03.png) no-repeat scroll 21% 0% transparent; height:339px;}
.about_png{width: 370px;  height: 240px; position:absolute; top:50px; right:0px;  box-shadow:#000 0px 0px 5px; border-radius:3px; background:rgba(255,255,255,1);}
.about_png .h3{ line-height:40px; font-size:16px; text-align:center; color:#000; margin:0px 15px; border-bottom:#ccc 1px solid;}
.about_png .rw{ padding-left:13px; text-align:center; font-size:12px;}
.about_png .rw li{ line-height:25px;}
.about_us{  width: 380px;  padding: 37px 179px 0px 221px;  height: 307px; overflow: hidden; position:absolute; left:0px; top:-3px;}
.about_us .h3{ font-size:16px; color:#000; line-height:35px;}
.about_us .h3 b{ font-weight:bold;}
.about_us .h3 em{ color:#3c3b3b; font-size:20px; }
.about_us p{ font-size:12px; text-indent:2em;}

/*模块三*/
.ys_memo{ width:560px; float:left; margin-right:20px;}
.ys_memo p{ text-indent:2em; font-size:13px; padding:20px 0px 10px 5px;}
.ys_percent{ width:480px; float:right; margin-top:35px;}
.animated-item {opacity: 0.8;}
.skillbar { position: relative;  display: block;  width: 100%;  height: 4px;  background-color: #eeeeee;  margin-bottom: 50px;}
.skillbar .skillbar-title { position: absolute;  top: -30px;  display: block;  text-transform: uppercase;  font-weight: bold;  color: #222;  margin-bottom: 10px;}
.skillbar .skillbar-bar { display: block;  background-color: #e04d47;  width: 0;  height: 4px;}
.skillbar .skillbar-percent {  display: block;  opacity: 0; position: absolute; line-height: 7px; padding: 3px; font-size: 12px; text-align: center; color: white; background: #323232; border: 4px solid #323232; border-radius: 2px; top: 0;  font-weight: normal;}
.skillbar .skillbar-percent:after { content: ""; position: absolute;  width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #323232 transparent transparent transparent;  top: 11px; left: 5px;}



.ys-list{ width:900px;  margin-top:20px;}
.list-every{ width:430px; float:left; margin-right:20px;}
.list-every h3{ font-size:20px;}
.ys-rewei{ width:260px; margin-top:20px;  text-align:center;}
.ys-rewei img{ width:150px; margin:20px auto; box-shadow:#000 0px 0px 10px; }

/*模块四*/
#hzlc{background:url(../images/band.jpg) repeat-y fixed 50% 0px transparent;height: 339px;}
.hzlc{ margin-top:60px; margin-bottom:60px;}
.middle_title01{margin-top:40px; margin-bottom:30px;}
.middle_title01 h3{ font-size:18px; line-height:20px; }
.middle_title01 h4{ color:#428BCA;line-height:20px;}
.hz_pic{ padding:0px; margin:0px; list-style:none;}
.hz_pic li{ float:left; width:25%; text-align:center;}
.hz_pic li img{ width:220px;}



.lc{ text-align:center; margin-top:30px;}
@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(20px);
	}
	
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRight.animated {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}



/*4-7*/
/*top*/
.tips-index{height:40px; line-height:45px; font-size:12px;}
.tips-l{ width:750px; }
.tips-l span,.tips-r span{ margin-right:20px;}
.tips-l b,.tips-r b{ color:#a40000; font-weight:600; font-size:13px; margin:0px 5px;}
.tips-r{ width:360px; }


/*user*/
.container-login{position:absolute; top:120px; left:50%; z-index:999; height:100%;}
.user-login{ width:585px; margin-top:13px;}

.login-color{ color:#fff;}

.container-login .offset3{ margin-left:180px;}
.container-login .span6{ width:405px; background:rgba(0,0,0,.3); border:#333 1px solid;}

.tab_log{ height:40px;  font-size:16px; width:100%; margin-bottom:25px;}
.tab_log ul{ padding:0px; margin:0px; list-style:none;}
.tab_log ul li{ float:left; width:50%; text-align:center;line-height:40px; background:rgba(0,0,0,.3); }
.tab_log ul li.cur{ background:none;}
.tab_log ul li a{ color:#fff; display:block;}
.tab_log ul li a:hover{ text-decoration:none;}

.form-horizontal .control-label { float: left; width: 80px;  padding-top: 5px;  text-align: right; color:#fff;}
.form-horizontal .controls { margin-left: 100px;}